var _ffmpegInstanceV2G = null; function _ctEnsureFfmpegV2G() { if (_ffmpegInstanceV2G) return Promise.resolve(_ffmpegInstanceV2G); return loadScriptPromise('https://unpkg.com/\u0040ffmpeg/ffmpeg\u00400.11.6/dist/ffmpeg.min.js').then(function() { var ns = window.FFmpeg || {}; var createFFmpeg = ns.createFFmpeg; var fetchFile = ns.fetchFile; if (!createFFmpeg) throw new Error('FFmpeg library failed to load'); var ffmpeg = createFFmpeg({ log: false, corePath: 'https://unpkg.com/\u0040ffmpeg/core\u00400.11.0/dist/ffmpeg-core.js' }); _ffmpegInstanceV2G = { ffmpeg: ffmpeg, fetchFile: fetchFile }; return ffmpeg.load().then(function(){ return _ffmpegInstanceV2G; }); }); } function processFile(blob, fileName) { var inputs = $('.extra-input input'); var widthRaw = parseInt(inputs[0] && inputs[0].value ? inputs[0].value : '480', 10); var fpsRaw = parseInt(inputs[1] && inputs[1].value ? inputs[1].value : '12', 10); if (!isFinite(widthRaw) || widthRaw < 32) widthRaw = 480; if (!isFinite(fpsRaw) || fpsRaw < 1) fpsRaw = 12; var width = Math.min(1280, widthRaw); var fps = Math.min(30, fpsRaw); var ext = ((fileName || '').toLowerCase().split('.').pop() || 'mp4'); var inName = 'in.' + ext; _ctEnsureFfmpegV2G().then(function(ctx) { var ffmpeg = ctx.ffmpeg, fetchFile = ctx.fetchFile; return fetchFile(blob).then(function(buf) { ffmpeg.FS('writeFile', inName, buf); var palette = 'palette.png'; // Generate a palette then encode the GIF using it, for much better colour fidelity. var vf = 'fps=' + fps + ',scale=' + width + ':-2:flags=lanczos'; return ffmpeg.run('-i', inName, '-vf', vf + ',palettegen', '-y', palette).then(function() { return ffmpeg.run('-i', inName, '-i', palette, '-lavfi', vf + ' [x]; [x][1:v] paletteuse', '-y', 'out.gif'); }).then(function() { var data = ffmpeg.FS('readFile', 'out.gif'); var outBlob = new Blob([data.buffer], { type: 'image/gif' }); add_file_output(URL.createObjectURL(outBlob), (fileName || 'video').replace(/\.[^.]+$/, '.gif')); }); }); }).catch(function(err) { alert('Could not convert this video to GIF: ' + (err && err.message || err) + '. The first run downloads ~30 MB of conversion code.'); }); } var _loadedScripts = {}; function loadScriptPromise(url) { if (_loadedScripts[url]) return _loadedScripts[url]; _loadedScripts[url] = new Promise(function (resolve, reject) { var s = document.createElement('script'); s.src = url; s.onload = resolve; s.onerror = reject; document.head.appendChild(s); }); return _loadedScripts[url]; } function replaceAll(find, replace, str) { return str.replace(new RegExp(find, 'g'), replace); } function beautify(str) { var result = ''; var length = str.length; var i = 0; var braceCountLeft = 0; var braceCountRight = 0; var withinQuotes = false; while (i < length) { var c = str[i]; if (c == '"' && (i == 0 || c[i - 1] != '\\')) { // non-escaped quotes withinQuotes = !withinQuotes; } if (!withinQuotes && (c == '}' || c == '{' || c == ',')) { console.log('Start####' + result); // look back and remove carriage returns and whitespace that are already there var resultIndex = result.length - 1; while (resultIndex >= 0 && (result[resultIndex] == ' ' || result[resultIndex] == '\r' || result[resultIndex] == '\n' || result[resultIndex] == '\t')) { resultIndex = resultIndex - 1; result = result.substr(0, resultIndex + 1); console.log('char ' + result[resultIndex] + '-----' + result + 'zzz ' + result.length + ' ' + resultIndex); } if (c == '{') { braceCountLeft++; result += c + '\r' + GetTabs(braceCountLeft - braceCountRight); } else if (c == '}') { braceCountRight++; // precede with carriage return result += '\r' + GetTabs(braceCountLeft - braceCountRight) + c; } else if (c == ',') { result += c + '\r' + GetTabs(braceCountLeft - braceCountRight); } var nextChar = ''; // advance through whitespace and remove carriage returns that are already there while (i < length && (str[i + 1] == ' ' || str[i + 1] == '\r' || str[i + 1] == '\n' || str[i + 1] == '\t')) { i++; } } else { result += str[i]; } i++; } return result; } function GetTabs(count) { var result = ''; for (var i = 0; i < count; i++) { result += ' '; } return result; }